<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>H5 - JavaScript</title>
    <style>

    </style>
</head>
<body>
    <h1>H5</h1>

    <h4>学习目标</h4>
    <ol>
        <li>了解H5是什么</li>
        <li>了解H5常用标签</li>
    </ol>

    <script type="text/javascript">


        // -----------------------------
        // 1. H5
        // -----------------------------
        /*
            HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
            HTML5的设计目的是为了在移动设备上支持多媒体。

            HTML5 是下一代 HTML 标准。
            HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
            HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
         */


        // -----------------------------
        // 2. canvas
        // -----------------------------
        /*
            <canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。
            在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。

            获取2D content对象：getContext("2d")
            设置或返回用于填充绘画的颜色、渐变或模式：fillStyle
            画一个矩形：fillRect(x, y, width, height)

            清除指定区域的像素点：clearRect(x, y, width, height);
            在画布里画一张图片：drawImage(img对象, x, y, width, height);
         */
        // 2.1 声明一个画布，在画布里画一个矩形。
        // 2.2 声明一个画布，在画布里画入一个飞机图片，然后尝试移动这个飞机。



        // -----------------------------
        // 3. 地理定位
        // -----------------------------
        /*
            HTML5 Geolocation（地理定位）用于定位用户的位置。
            鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

            语法:
                地理位置对象：navigator.geolocation

                获取当前位置信息：getCurrentPosition(callbackFunc, errorCallback)
                    callbackFunc接收一个position位置对象
                    errorCallback接收一个error错误对象
         */
        // 3.1 获取用户当前的经度和纬度。


    </script>

</body>
</html>